.blogs-container {
  min-height: calc(100vh - 200rpx - env(safe-area-inset-bottom));
  color: #252525;
  // background-color: #f6f7f9;
  background-color: var(--backgroundColor2);
  padding: 0 0 calc(200rpx + env(safe-area-inset-bottom));

  .view-group {
    padding: 20rpx;
    margin-top: 20rpx;
    // background-color: #fff;
    background-color: var(--backgroundColor);

    .group-title {
      margin-bottom: 20rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 36rpx;
      color: var(--fontColor1);
    }

    .subhead {
      color: #999;
      font-size: 26rpx;
    }

    .classify-container {
      display: flex;
      // display: grid;
      // grid-template-columns: 1fr 1fr 1fr 1fr;
      // grid-template-rows: 150rpx;
      padding: 15rpx;
      // background-color: #f6f7f9;
      background-color: var(--backgroundColor2);
      border-radius: 20rpx;
      white-space: nowrap;
      box-sizing: border-box;

      .classify-item {
        padding: 0 30rpx;
        // flex: 1;
        display: inline-block;
        // width: 500rpx;
        height: 80rpx;
        // line-height: 80rpx;
        color: var(--fontColor1);
        // background-color: #fff;
        background-color: var(--backgroundColor);
        border-radius: 20rpx;
        margin-right: 15rpx;

        &:last-child {
          margin-right: 0;
        }

        image {
          margin-right: 6rpx;
          width: 40rpx;
          height: 40rpx;
          border-radius: 6rpx;
        }
      }
    }
  }
}